Skip to content

fix(apollo-react): addNodePanel scrolling [MST-9993]#752

Merged
ayush578 merged 1 commit into
mainfrom
fix/toolbox
May 27, 2026
Merged

fix(apollo-react): addNodePanel scrolling [MST-9993]#752
ayush578 merged 1 commit into
mainfrom
fix/toolbox

Conversation

@ayush578
Copy link
Copy Markdown
Contributor

Make addNodePanel scrollable.
Also blocked the outer scroll i.e. FloatingCanvasPanel scroll only for addnodePanel

before

Screen.Recording.2026-05-26.at.4.15.57.PM.mov

after

Screen.Recording.2026-05-26.at.4.08.35.PM.mov

Copilot AI review requested due to automatic review settings May 26, 2026 10:48
Copy link
Copy Markdown

Copilot AI left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Copilot encountered an error and was unable to review this pull request. You can try again by re-requesting a review.

Copy link
Copy Markdown

Copilot AI left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

Copilot reviewed 6 out of 6 changed files in this pull request and generated 4 comments.

@github-actions
Copy link
Copy Markdown
Contributor

github-actions Bot commented May 27, 2026

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Review Updated (PT)
apollo-design 🟢 Ready Preview, Logs May 27, 2026, 01:29:18 AM
apollo-docs 🟢 Ready Preview, Logs May 27, 2026, 01:29:18 AM
apollo-landing 🟢 Ready Preview, Logs May 27, 2026, 01:29:18 AM
apollo-ui-react 🟢 Ready Preview, Logs May 27, 2026, 01:29:18 AM
apollo-vertex 🟢 Ready Preview, Logs May 27, 2026, 01:29:18 AM

@github-actions github-actions Bot added pkg:apollo-react size:L 100-499 changed lines. labels May 27, 2026
@github-actions
Copy link
Copy Markdown
Contributor

Dependency License Review

  • 1901 package(s) scanned
  • ✅ No license issues found
  • ⚠️ 2 package(s) excluded (see details below)
License distribution
License Packages
MIT 1671
ISC 89
Apache-2.0 55
BSD-3-Clause 27
BSD-2-Clause 23
BlueOak-1.0.0 8
MPL-2.0 4
MIT-0 3
CC0-1.0 3
MIT OR Apache-2.0 2
(MIT OR Apache-2.0) 2
Unlicense 2
LGPL-3.0-or-later 1
Python-2.0 1
CC-BY-4.0 1
(MPL-2.0 OR Apache-2.0) 1
Unknown 1
Artistic-2.0 1
(WTFPL OR MIT) 1
(BSD-2-Clause OR MIT OR Apache-2.0) 1
CC-BY-3.0 1
0BSD 1
(MIT OR CC0-1.0) 1
MIT AND ISC 1
Excluded packages
Package Version License Reason
@img/sharp-libvips-linux-x64 1.2.4 LGPL-3.0-or-later LGPL pre-built binary, not linked
khroma 2.1.0 Unknown MIT per GitHub repo, missing license field in package.json

Copy link
Copy Markdown
Contributor

@uipath-utkarsh uipath-utkarsh left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Code review

The scrolling fix and the viewport-aware size cap are well put together (nice touches: the design-ceiling clamp, the reset-on-close to avoid a stale frame, the kept-in-sync comments). Three things worth addressing before merge — see inline. None block the AddNodeManager happy path; they're about the shared FloatingCanvasPanel contract and edge cases.

Copilot AI review requested due to automatic review settings May 27, 2026 06:08
Copy link
Copy Markdown

Copilot AI left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

Copilot reviewed 7 out of 7 changed files in this pull request and generated 2 comments.

Comments suppressed due to low confidence (1)

packages/apollo-react/src/canvas/components/FloatingCanvasPanel/FloatingCanvasPanel.tsx:209

  • In the useFixedPosition && anchorRect branch, the floating element never receives ref={refs.setFloating} (and no reference element is wired either). That means the new size() middleware in useFloatingPosition won’t run, so availableHeight stays null and sizingStyle won’t actually cap height or set --floating-available-height for fixed-position panels.
    const fixedContent = (
      <div
        className={cn('nodrag nopan nowheel', panelClassName)}
        onPointerEnter={onMouseEnter}
        onPointerLeave={onMouseLeave}
        style={{
          position: 'fixed',
          ...screenPosition,
          ...sizingStyle,
          zIndex: 1100,
          pointerEvents: 'auto',
        }}
      >
        <PanelChrome
          title={title}
          header={header}
          headerActions={headerActions}
          onClose={onClose}
          scrollKey={scrollKey}
          scrollableContent={scrollableContent}
        >
          {children}
        </PanelChrome>
      </div>

Copilot AI review requested due to automatic review settings May 27, 2026 08:22
Copy link
Copy Markdown

Copilot AI left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

Copilot reviewed 7 out of 7 changed files in this pull request and generated 1 comment.

@ayush578 ayush578 merged commit 43523b8 into main May 27, 2026
43 checks passed
@ayush578 ayush578 deleted the fix/toolbox branch May 27, 2026 09:20
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

pkg:apollo-react size:L 100-499 changed lines.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants